import { FC } from "react";
import { View, Text, Image } from "@tarojs/components";
import Taro from "@tarojs/taro";
import styles from "./index.module.less";
import { HIcon } from "@/components";

const Card: FC = () => {
  return (
    <View className={styles["card-wrapper"]}>
      <View className={styles["card-content"]}>
        <View className={styles["userInfo-wrapper"]}>
          <Image
            className={styles["avator"]}
            src={require("@/assets/img/touxiang.png")}
          />
          <View className={styles["info"]}>
            <View className={styles["name"]}>编号001</View>
            <View className={styles["hint"]}>尚未加入会员</View>
          </View>
        </View>
        <View className={styles["text"]}>快速提高80%脱单率</View>
        <View className={styles["tehui"]}>限时特惠</View>
        <View className={styles["vip-tag"]}>VIP专属服务</View>
        <View
          className={styles["zixun"]}
          onClick={() =>
            Taro.navigateTo({
              url: "/package/member/my-matchmaker/index",
            })
          }
        >
          <Text>咨询红娘</Text>
          <HIcon type="youjiantou1"></HIcon>
        </View>
      </View>
    </View>
  );
};

export default Card;
